<!DOCTYPE html>
<html lang="zh">

	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		<link rel="stylesheet" type="text/css" href="../css/base2013.css" />
		<link rel="stylesheet" type="text/css" href="../css/neworder.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/toast.css" />
		<link rel="stylesheet" type="text/css" href="../css/header.css" />
		<script src="../js/main.js"></script>
		<script src="../js/jquery.min.js"></script>
		<script src="../js/Url.js"></script>
		<title></title>
	</head>
	<style type="text/css">
		.pdiv {
			background: #fff;
			margin-top: 10px;
		}
		
		.floatL_s {
			font-size: 14px;
		}
		.rightRedF a{
			color: #0094ff;
		}
	</style>

	<body>
		<!--头部-->
		<header>
			<div class="coupon-header">
				<a href="javascript:history.go(-1)" id="goBack"><span class="coupon-header-arrow"></span></a>
				<span class="coupon-header-font">订单详情</span>
			</div>
		</header>

		<div class="common-wrapper pad55">
			<div id="remind-tip-pop" class="shipping-pop-floor">
				<div class="cover-floor"></div>
				<div id="remind-info-box" class="ship-info-box">
					<h4 class="ship-tit"></h4>
					<div class="ship-iteam"></div>
					<p class="ship-ftw">我知道了</p>
				</div>
			</div>
			<div class="m step1 bdr-new">
				<div class="floatL_s">订单编号：<span class="s2-num"></span></div><br />
				<div class="order-info-box bdb-1px">
					<div class="mt  cf">
						<div class="floatL">快递单号：<span class="s1-num"></span></div>
						<div class="rightRedF"></div>
					</div>
					<div class="mc">
						<div class="s1-l">
							<div class="cf car-box">
								<span class="car-icon"></span>
								<p class="flex-content"></p>
							</div>
							<span class="s-point"></span>
						</div>
					</div>
				</div>

			</div>
			<div class="step2 bdr-new">
				<div class="m step2-in ">
					<div class="mt">
						<div class="s2-name"><i></i></div>
						<div class="s2-phone"><i></i></div>
					</div>
					<div class="mc step2-in-con"></div>

				</div>
				<b class="s2-borderT"></b>
				<b class="s2-borderB"></b>
			</div>
			<div class="m step3 bdr-new">
				<div class="mt cf">
					<span class="shop-icon"></span>
					<a id="shop" href2="https://shop.m.jd.com/?shopId=646039"><span class="shop-name">获得奖品：</span><span class="s-point change-arrow"></span></a>
				</div>
				<div class="mc">
					<a class="a-link">
						<div class="s-item bdt-1px" style="display: block;">
							<div class="pdiv">
								<div class="sitem-l">
									<div class="sl-img-box">
										<div class="sl-img"><img src=""></div>
									</div>
								</div>
								<div class="sitem-m">
									<p class="sitem-m-txt">
										<span></span>
									</p>
								</div>
							</div>
						</div>
					</a>
					<div class="step3-more" style="display: none;">
						<strong>还有<i>-2</i>件</strong><span class="s3-down"></span>
					</div>
				</div>
			</div>
		</div>
		<div class="floor-w"></div>

		<span class="black-content" id="tip"></span>
	</body>
	<script type="text/javascript">
		var stre = '';
		var id = '';
		$(function() {
			stre = window.location.href;
			id = (stre.split('?'))[1].split('=')[1];
			$.ajax({
				type: "get",
				url: baseUrl + "foot/user/getOrderByOrderId",
				data: {
					'orderId': id
				},
				success: function(res) {
					console.log(res)
					if (res.data.paymentStatus==1) {
						$('.s1-num').html('');
						$('.rightRedF').html('<a href="/footballgame/payment.html?openId='+res.data.openId+'&orderId='+res.data.orderId+'&status=1">未付款</a>')
					}else if(res.data.status == 1) {
						$('.s1-num').html('');
						$('.rightRedF').html('未发货')
					} else {
						$('.s1-num').html(res.data.expressId);
						$('.rightRedF').html('已发货')
						$('.flex-content').html(res.data.expressName + '，正在为您服务')
					}
					$('.s2-num').html(res.data.orderId)
					$('.s2-name').html('<i></i>' + res.data.nickName);
					$('.s2-phone').html('<i></i>' + res.data.phone);
					$('.step2-in-con').html(res.data.address);
					$('.sl-img img').attr('src', BaseUrl+'/'+ res.data.awardImgUrl);
					$('.sitem-m-txt').append('<span>' + res.data.awardContent + '</span>')

				}
			});
		})
	</script>

</html>